<template>
	<div id="main">
		<transition name="fade">
			<router-view />
		</transition>
		<div id="mainView"></div>
	</div>
</template>

<script>
import Home from "../src/views/home/home.vue"
import { start } from "qiankun"
export default {
	name: "App",
	mixins: [],
	components: {
		Home
	},
	data() {
		return {
			showCall: false,
			modelData: {},
			isShow: "",
			visible: false
		}
	},
	created() {},
	mounted() {
		start()
		this.setHomeLoad()
	},
	methods: {
		setHomeLoad() {
			if (this.isShow != "login") {
				this.visible = false
			} else {
				this.visible = true
			}
		}
	}
}
</script>

<style lang="scss">
#main {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-width: 1200px;
	height: 100%;
	min-height: 605px;
}
.fade-enter-active,
.fade-leave-active {
	transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
	opacity: 0;
}
#mainView {
	position: absolute;
	width: 100%;
	height: 100%;
}
</style>
